﻿@model TopArtFinalProject.Models.Song

@{
    ViewBag.Title = "Details";
}

<h2>Details</h2>

<fieldset>
    <legend>Song</legend>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.UserName)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.UserName)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.Title)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.Title)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.Artist)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.Artist)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ArtistID)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ArtistID)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.Album)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.Album)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.AlbumID)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.AlbumID)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.Genre)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.Genre)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ImagePath)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ImagePath)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ReleseDate)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ReleseDate)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FacebookLink)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FacebookLink)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.TwitterLink)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.TwitterLink)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.VideoLink)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.VideoLink)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.YoutubeChannel)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.YoutubeChannel)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.GooglePlus)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.GooglePlus)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.EmbededData)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.EmbededData)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.RatingID)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.RatingID)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FiveStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FiveStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FourStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FourStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ThreeStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ThreeStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.TwoStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.TwoStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.OneStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.OneStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.TotalStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.TotalStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.AvgStars)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.AvgStars)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FeatureValue1)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FeatureValue1)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FeatureValue2)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FeatureValue2)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.FeatureValue3)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.FeatureValue3)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ReviewID)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ReviewID)
    </div>
</fieldset>
<p>
    @Html.ActionLink("Edit", "Edit", new { id=Model.SongID }) |
    @Html.ActionLink("Back to List", "Index")
</p>
